<template>
  <div class="father">
    <h3>父组件11</h3>
    <h4>电脑：{{ computerBrand }}</h4>
    <h4 v-show="book">子给书籍：{{ book }}</h4>

    <!--		<h4>汽车：{{ car }}</h4>-->
    <!--		<h4 v-show="toy">子给的玩具：{{ toy }}</h4>-->
    <!--    :car="car" :sendToy="getToy"-->
    <Child :computer="computerBrand" :send-book="getBook"/>
  </div>
</template>

<script setup lang="ts" name="Father">
import Child from './Child.vue'
import {ref} from 'vue'
// 数据
// let car = ref('奔驰')
let computerBrand = ref('联想')
let book = ref('')
// 方法
// function getToy(value:string){
// 	toy.value = value
// }

function getBook(value: string) {
  console.log('父', value)
  book.value = value
}
</script>

<style scoped>
.father {
  background-color: rgb(165, 164, 164);
  padding: 20px;
  border-radius: 10px;
}
</style>